<template>
  <div>
    <p style="margin-top: 100px;">跳转中...</p>
  </div>
</template>

<script>
import { getUser, oauthCallbackPost } from '../api/index'
export default {
  name: 'Oauth',
  mounted () {
    this.getCode()
  },
  methods: {
    // 获取微博传过来的code，发送给django后端进行验证
    getCode() {
      // 获取url中的code 信息
      // 当前url 是 http://127.0.0.1:8000/oauth?code=fe6cbe07708aecf4a2b3d942ed692c4c
      // console.log(this.$route.query)
      // 给后端发送code
      oauthCallbackPost(this.$route.query.code).then(({ data }) => {
        if (data.code === 0) {
          // 登录成功
          this.$message.success(data.data)
          // 更新用户的信息
          getUser().then(({ data }) => {
            console.log(data)
            this.$store.state.user = data.data
          })
          this.$router.push({ path: '/' })
        } else {
          // 微博登录失败
          this.$message.error(data.msg)
          this.$router.push({ path: '/login' })
        }
      }).catch((res) => {
        // 微博登录失败
        console.log(res)
        this.$message.error('登录失败！')
        this.$router.push({ path: '/login' })
      })
    }
  }
}
</script>

<style scoped>

</style>
